<template>
  <ParamFill></ParamFill>
</template>

<script>
// import { ipcRenderer } from "electron";
// import { reactive, toRefs ,ref} from "vue";
import ParamFill from "@/view/paramFill/ParamFill.vue";
//import TitileHeader from "@/components/TitileHeader.vue";

// console.log(ipcRenderer)
export default {
  name: 'App',
  components: {
    ParamFill,
    //TitileHeader,

  },
  // setup() {
  //   const data = reactive({ IS_ELECTRON: process.env.IS_ELECTRON });
  //   let dialogVisible = ref(false)
  //   function minimizeWin() {
  //     ipcRenderer.send("window-min");
  //   }
  //   function maximizeWin() {
  //     ipcRenderer.send("window-max");
  //   }
  //   function closeWin() {
  //     ipcRenderer.send("window-close");
  //   }
  //
  //   return { minimizeWin, maximizeWin, closeWin, dialogVisible,...toRefs(data) };
  // }
}

const debounce = (fn, delay) => {
  let timer = null;
  return function () {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  }
}

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
  constructor(callback) {
    callback = debounce(callback, 16);
    super(callback);
  }
}
</script>

<style>
*{
  box-sizing: border-box;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  color: #2c3e50;
  margin-top: 60px;
}


/*美化滚动条*/
::-webkit-scrollbar{width:6px;height:4px;border-radius: 3px}
::-webkit-scrollbar-button{width:6px;height:0;border-radius: 3px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background:#245FD9;-webkit-transition:.3s;transition:.3s}
::-webkit-scrollbar-thumb:hover{background-color:#245FD9}
::-webkit-scrollbar-thumb:active{background-color:#245FD9}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece{
  background-color: transparent;
  -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical{
  height: 6px;
  background-color: #D0D0D0;
  -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal{
  width: 6px;
  background-color: #D0D0D0;
  -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{
  background-color: #D0D0D0;
}
</style>

